<template>
  <header>
    <div class="logo">
      <!-- <h1 style="margin-top: -10px; color: #425049; font-size: 30px">
        欢迎来到达成度分析报告在线填报系统
      </h1> -->
      <img src="https://typroa-image-1313021748.cos.ap-nanjing.myqcloud.com/image/logo%20.png" alt="" >
    </div>
    <div class="demo-basic--circle">
      <div class="block">
        <el-avatar :size="40" :src="avatar" :class="['avatar-info']">
        </el-avatar>
      </div>
    </div>
  </header>
</template>

<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "Header",
  data() {
    return {
      // avatar: require('@/assets/images/index.jpg')
      avatar:'https://s2.loli.net/2022/01/27/9H14zgxc8JskSLq.jpg'
    };
  },
};
</script>

<style scoped>
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
/*设定头像图片样式*/
.avatar-info {
  margin-top: 10px;
  margin-right: 40px;
  cursor: pointer;
}

</style>
